<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/DivTest01.css">
    <title>模态窗口</title>
    <style>
        
    </style><!--style标签是对网页背景、对齐等风格的定义，可用第7行CSS文件链接替代-->
</head>
<body>
    <div id="back">
        <div id="content">
            <h1>一段文字</h1><!---->
            <p>aaaaaaaaaaaaaaaaaaaa</p><!--段落标签-->
            <marquee behavior="scroll" direction="right" scrollamount="10">
                这是滚动字幕
            </marquee>
            <a href="cat.html"><!---->
                <img src="pictures/cat.jpg" alt="猫" id="showCat">
            </a>
            <ul>
                <li>
                    <a href="https://www.bilibili.com/">Bilibili</a>
                </li>
                <li>
                    <a href="https://www.taobao.com/">taobao</a>
                </li>
            </ul>
        </div>
        <div id="model">11111111111111</div>
        <div class="modelData">
                <p>这是模态窗口</p>
                <form action="" method="get">
                    用户名:<input type="text" name="userName" id=""><br>
                    密 &nbsp; 码:<input type="password" name="userPas" id=""><br>
                    <input type="button" value="登录">
                </form>
        </div>
    </div>
</body>
</html>